<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
<link rel="stylesheet" type="text/css" href="../css/m.style.css" />
<link rel="stylesheet" type="text/css" href="../css/jqmEdit.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<link rel="stylesheet" type="text/css" href="glog.css" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script>
$(function(){
	//기분설정
	$('#emoSel').change(function(){
		var num = $("#emoSel option:selected").index()+1;
		$(this).prevAll('.emotion').removeClass().addClass('emotion emo'+num);
	});
	//터치설정
	$('.itemList').swipe(function(){
		$.event.special.swipe.scrollSupressionThreshold = 10; // - default : 10
		$.event.special.swipe.durationThreshold = 800; // 터치시간 - default : 1000
		$.event.special.swipe.horizontalDistanceThreshold = 20; // 가로 한계점 (이 값보다 horizontal 값이 커야 swipe)  - default : 30
		$.event.special.swipe.verticalDistanceThreshold = 75; // 세로 한계점 (이 값보다 vertical 값이 작아야 swipe) - default : 75
		$('.fnLayer').fadeOut(200);
		var fnLayer = $(this).find('.fnLayer');
		if(fnLayer.is(':hidden')){
			fnLayer.fadeIn(200);
		}
	});
});
</script>
<title>OAASYS2.0-MOBILE</title>
</head>
<body>
<div id="viewport">
    <div id="oMenu"></div>
    <div data-role="page" class="profile">
        <div class="header skyblue" data-role="header" data-position="fixed">
        	<a href="javascript:void(0);" class="headBtn leftBtn" data-role="none"><i class="ico_hBtn1"></i></a>
        	<h1><a href="javascript:void(0);" class="headText" data-role="none">프로필</a></h1>
        	<a href="javascript:void(0);" class="headBtn rightBtn" data-role="none"><i class="ico_hBtn2"></i></a>
        </div>
        <div class="container" data-role="content">
            <div class="profileArea">
                <div class="coverBg"><img src="img/sample_bg2.jpg" alt="" width="100%" height="auto" class="cover"></div>
                <p class="namePlace">김태희 <span class="idText">designer</span></p>
                <div class="emoPlace">
                    <i class="emotion emo1"></i>
                </div>
                <div class="thumbPlace">
                    <img src="img/icon_medal_big.png" alt="" class="medal">
                    <span class="imgWrapper"><img src="img/sample_me.gif" alt="" class="thumb" ></span>
                </div>
                <div class="infoPlace">
                    <p class="departText"><i class="ico_top"></i>홍보/마케팅/광고</p>
                    <p class="markNum"><i class="ico_top"></i>1273</p>
                </div>
                <div class="tabPlace">
                    <a href="javascript:void(0);" class="followText">Unfollow</a><a href="javascript:void(0);"><i class="ico_top whisper"></i></a>
                </div>
            </div>
            <div class="myInfoArea">
                <div class="workInfoPlace">
                    <h3><i class="ico_myInfo"></i>업무정보</h3>
                    <div class="infoTbWrap">
                        <table cellpadding="0" cellspacing="0" class="infoTb">
                            <caption class="blind">업무정보테이블</caption>
                            <tr>
                                <th scope="col"><span class="infoType">회사명</span></th>
                                <td>날리지큐브</td>
                            </tr>
                            <tr>
                                <th scope="col"><span class="infoType">직무</span></th>
                                <td>IT/정보화</td>
                            </tr>
                            <tr>
                                <th scope="col"><span class="infoType">주요업무</span></th>
                                <td>
                                    <p>웹서비스기획</p>
                                    <p>기획서 작성</p>
                                </td>
                            </tr>
                            <tr>
                                <th scope="col"><span class="infoType">직급/경력</span></th>
                                <td>대리/ 3~5년차</td>
                            </tr>
                            <tr>
                                <th scope="col"><span class="infoType">경력사항</span></th>
                                <td>
                                    <p>한국소프트웨어</p>
                                    <p>세종사이버대학교 융합경영학과 "제조산업의 혁신" 담당 겸임교수,서울과학기술대학교 겸임교수</p>
                                    <p>날리지큐브</p>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="basicInfoPlace">
                    <h3><i class="ico_myInfo"></i>기본정보</h3>
                    <div class="infoTbWrap">
                        <table cellpadding="0" cellspacing="0" class="infoTb">
                            <caption class="blind">기본정보테이블</caption>
                            <tr>
                                <th scope="col"><span class="infoType">지역</span></th>
                                <td>서울 강남구</td>
                            </tr>
                            <tr>
                                <th scope="col"><span class="infoType">연락처</span></th>
                                <td><a href="tel:010-3433-4927">010-3433-4927</a></td>
                            </tr>
                            <tr>
                                <th scope="col"><span class="infoType">이메일</span></th>
                                <td><a href="mailto:kkarisma@gmail.com">kkarisma@gmail.com</a></td>
                            </tr>
                            <tr>
                                <th scope="col"><span class="infoType">생년월일</span></th>
                                <td>2012/12/17</td>
                            </tr>
                            <tr>
                                <th scope="col"><span class="infoType">성별/혈액형</span></th>
                                <td>남자/O형</td>
                            </tr>
                            <tr>
                                <th scope="col"><span class="infoType">연애상태</span></th>
                                <td>연애중</td>
                            </tr>
                            <tr>
                                <th scope="col"><span class="infoType">취미/특기</span></th>
                                <td>없음</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <p class="guideText"><span class="star">*</span> 프로필 수정은 <a href="http://www.oaasys.com" class="guideLink">www.oaasys.com</a>으로 접속해서 작성해 주세요</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>